<script setup>
import { dayjs } from 'element-plus'
import { chunk } from 'lodash-es'
let a = chunk(['a', 'b', 'c', 'd'], 2)
import Cookies from 'js-cookie'
Cookies.set('name', 'value')
console.log(dayjs().format('YYYY-MM-DD HH:mm:ss'), 989)
</script>

<template>
  <div
    class="hero min-h-screen bg-gradient-to-br from-blue-500 via-pink-500 to-rose-500 animate-gradient-x"
  >
    <div class="hero-content text-center">
      <div class="">
        <h1 class="text-3xl font-bold">Vue3 + tailwind4 脚手架已经启动</h1>
        <p class="py-6 mb-20">Go Go Go</p>
        <button class="btn btn-primary">开始</button>
      </div>
    </div>
  </div>
</template>
<style>
/* 添加渐变动画 */
@keyframes gradient-x {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.animate-gradient-x {
  background-size: 200% 200%;
  animation: gradient-x 15s ease infinite;
}
</style>
